<style>
    .error {
    color: red;
    font-style: italic;
     }  
</style> 
<div id="module">    
	<h3>:: Registro de ordenes</h3> 
 		<form id="form_nuevo" action="javascript: fn_guardar();">
	   		<input type="hidden" name="guardar" id="guardar" value="guardar"/>
			<table align="left" id="form">
				<tr>
					<td id="keyLabel" width="20%">Nro</td><td width="30">Nuevo</td>
				</tr>
				<tr>                    
                    <td id="label">Cliente</td>
                    <td nowrap>
                        <input name="clienteId" type="text" id="clienteId" value="" size="12"  style="background-color:#F0F0F0" class="required" />
                        <input name="clienteNombre" type="text" id="clienteNombre" value="" size="40" maxlength="40"/>
                    </td>
				</tr>
				<tr>					
					<td id="label" >Producto Id</td><td><input type="text" name="txtProductoId" id="txtProductoId" class='loadF21 required' size="15" maxlength="15"/></td>
				</tr>
				<tr>
					<td id="label" >Cantidad</td><td><input type="text" name="txtCantidad" id="txtCantidad" size="6" style="text-align:right;" class="required" /></td>
				</tr>
				<tr>
					<td id="label">Fecha Producc Ini </td><td><input type="text" name="txtFechaProduccIni" id="txtFechaProduccIni" maxlength="10" size="12" class="required" /></td>
				</tr>
				<tr>
					<td id="label">Fecha Producc Fin </td><td><input type="text" name="txtFechaProduccFin" id="txtFechaProduccFin" maxlength="10" size="12" class="required" /></td>
				</tr>				
				<tr>
					<td id="label">Fecha Registro </td><td><input type="text" name="txtFechaReq" id="txtFechaReq" maxlength="10" size="12" class="required" /></td>
				</tr>
				<tr>
					<td id="label">Fecha Vencimiento </td><td><input type="text" name="txtFechaVcto" id="txtFechaVcto" maxlength="10" size="12" class="required" /></td>
				</tr>
				<tr>
					<td id="label">Almacen Id </td>
					<td>
					    <select name="txtAlmacenId" id="txtAlmacenId" class="required" >
					           <option value="">-- seleccione --</option><?php
					    		foreach ($ao_ImAlmacenBN as $s_Key => $o_Alm)
					    		{?>
					    		   <option value="<?php echo $o_Alm->getAlmacenId();?>"><?php echo $o_Alm->getNombre();?></option><?php
					    		}?>		
					    </select>
			    </td>
					
				</tr>
				
			</table>
			
			<br>	
			<table width="100%">
				<tr>
					<td width="90%" align="right"><input type="submit" name="guardar" value="Guardar"></td>
					<td align="right"><input type="button" id="btn_cancelar"name="btn_cancelar" onclick="javascript: listarOrdenesProduccion()" value="Cancelar"></td>  						 
				<tr>	
			</table>
	  </form>
</div>
<script>
$("#txtFechaProduccIni").datepicker();
$("#txtFechaProduccFin").datepicker();
$("#txtFechaVcto").datepicker();
$("#txtFechaReq").datepicker();
$("#txtFechaProduccIni").datepicker( "option", "dateFormat", "yy-mm-dd" );
$("#txtFechaProduccFin").datepicker( "option", "dateFormat", "yy-mm-dd" );
$("#txtFechaVcto").datepicker( "option", "dateFormat", "yy-mm-dd" );
$("#txtFechaReq").datepicker( "option", "dateFormat", "yy-mm-dd" );

loadAutocompleteCliente('clienteNombre');
loadAutocompleteItem('txtProductoId');

$("#form_nuevo").validate();
</script>

	